<template>
  <div class="winCoor">
     <div class="navbox">
        <el-row>
            <el-col :span="24">
                <div class="homeNav">
                    <el-breadcrumb separator="/">
                        <el-breadcrumb-item :to="{ path: '/solo' }">Drgs案例</el-breadcrumb-item>
                        <el-breadcrumb-item :to="{path:'/groupLots'}">批量分组管理</el-breadcrumb-item>
                    </el-breadcrumb>
                </div>
            </el-col>
        </el-row>
     </div>
     <div class="winContent">
        <el-row :gutter="20">
            <el-col :span="16">
               <div class="table1">
                 <el-row>
                    <el-col :span="24"> 
                      <div class="table1Title">
                        <span>诊断编码或名称:</span>
                        <el-input placeholder="请输入内容" v-model="input" clearable></el-input>
                        <span>操作编码:</span>
                        <el-input placeholder="请输入内容" v-model="input" clearable></el-input>
                        <el-button type="primary">查询</el-button>
                        <el-button type="success">上传数据</el-button>
                        <el-button type="info">下载模板</el-button>
                      </div>
                    </el-col>
                  </el-row>
                  <el-table
                    :data="tableData"
                    border
                    style="width: 100%;">
                    <el-table-column
                      prop="operate"
                      label="诊断/编码操作">
                    </el-table-column>
                    <el-table-column
                      prop="name"
                      label="名称">
                    </el-table-column>
                    <el-table-column
                      prop="DRGs"
                      label="DRG编码">
                    </el-table-column>
                    <el-table-column
                      prop="name1"
                      label="名称">
                    </el-table-column>
                    <el-table-column
                      prop="cmi"
                      label="CMI">
                    </el-table-column>
                  </el-table>
               </div>
            </el-col>
            <el-col :span="8">
              <div class="home_right">
                <div class="homeList">
                  <ul>
                      <li>
                          <router-link to="/solo"><span class="sLeft">单个编码查询</span><span class="sright">>></span></router-link>
                      </li>
                        <el-divider></el-divider>
                      <li>
                          <router-link to="/lots"><span class="sLeft">批量编码查询</span><span class="sright">>></span></router-link>
                      </li>
                        <el-divider></el-divider>
                      <li>
                          <router-link to="/groupSolo"><span class="sLeft">病案分组管理</span><span class="sright">>></span></router-link>
                      </li>
                        <el-divider></el-divider>
                        <li>
                          <router-link to="/groupLots"><span class="sLeft">批量分组管理</span><span class="sright">>></span></router-link>
                      </li>
                 </ul>
                </div>
                <div class="homeConnect">
                     <p class="connect_h">联系我们</p>
                     <el-divider></el-divider>
                     <p>电话：86-10-68005755,86-10-68006083</p>
                     <p>E-mail:xmbj2005@163.com</p>
                     <p>邮箱:492800904@qq.com</p>
                     <p>地址：北京市西城区西直门外大街18号金贸大厦A座935</p>
                     <P>
                         <img src="../assets/code.jpg"
                              alt="" />
                     </P>
                </div>
              </div>
            </el-col>
            <!-- 联系方式结束 -->
        </el-row>
     </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      tableData: [
        {
          operate: "0.0102",
          name: "颈部血管治疗性超声",
          DRGs: "FN11",
          name1: "外周动脉经皮血管内检查和/或治疗，伴有严重并发症与合并症",
          cmi: "2.18"
        },
        {
          operate: "0.0102",
          name: " 颈部血管治疗性超声",
          DRGs: "FN15",
          name1: "外周动脉经皮血管内检查和/或治疗，不伴并发症与合并症",
          cmi: "1.5"
        },
        {
          operate: "00.0200x001",
          name: "血管治疗性超声",
          DRGs: "FM21",
          name1: "其他经皮心血管治疗，伴有严重并发症与合并症",
          cmi: "2.47"
        },
        {
          operate: "00.0200x001",
          name: "心脏血管治疗性超声",
          DRGs: "FM23",
          name1: "其他经皮心血管治疗，伴有并发症与合并症",
          cmi: "2.17"
        },
        {
          operate: "00.0200x001",
          name: "心脏血管治疗性超声",
          DRGs: "FM25",
          name1: "其他经皮心血管治疗，不伴并发症与合并症",
          cmi: "1.43"
        },
        {
          operate: "0.03",
          name: "周围血管治疗性超声",
          DRGs: "FN11",
          name1: "外周动脉经皮血管内检查和/或治疗，伴有严重并发症与合并症",
          cmi: "2.18"
        },
        {
          operate: "0.03",
          name: "周围血管治疗性超声",
          DRGs: "FN15",
          name1: "外周动脉经皮血管内检查和/或治疗，不伴并发症与合并症",
          cmi: "1.5"
        },
        {
          operate: "0.03",
          name: "周围血管治疗性超声",
          DRGs: "ZJ11",
          name1:
            "与多发重要创伤诊断有关的其他手术室操作，伴有严重并发症与合并症",
          cmi: "8.14"
        },
        {
          operate: "0.03",
          name: "周围血管治疗性超声",
          DRGs: "ZJ15",
          name1: "与多发重要创伤诊断有关的其他手术室操作，不伴并发症与合并症",
          cmi: "5.52"
        },
        {
          operate: "0.1",
          name: "化学治疗物质植入",
          DRGs: "BJ11",
          name1: "神经系统其他手术，伴有严重并发症与合并症",
          cmi: "3.06"
        },
        {
          operate: "0.1",
          name: "化学治疗物质植入",
          DRGs: "BJ13",
          name1: "神经系统其他手术，伴有并发症与合并症",
          cmi: "1.81"
        },
        {
          operate: "0.1",
          name: "化学治疗物质植入",
          DRGs: "BJ15",
          name1: "神经系统其他手术，不伴并发症与合并症",
          cmi: "1.36"
        },
        {
          operate: "00.1500x001",
          name: "输注白细胞介素",
          DRGs: "RB19",
          name1: "急性白血病化学治疗和/或其他治疗",
          cmi: "2.52"
        },
        {
          operate: "00.1500x002",
          name: "注射阿地白细胞介素",
          DRGs: "RB19",
          name1: "急性白血病化学治疗和/或其他治疗",
          cmi: "2.52"
        },
        {
          operate: "00.2400x001",
          name: "冠状动脉血管内超声(IVUS)",
          DRGs: "FC29",
          name1: "冠状动脉搭桥伴心导管操作",
          cmi: "2.01"
        },
        {
          operate: "00.2400x001",
          name: "冠状动脉血管内超声(IVUS)",
          DRGs: "FM31",
          name1: "经皮心导管检查操作，伴有严重并发症与合并症",
          cmi: "3.39"
        }
      ]
    };
  },
  methods: {
    search1() {
      //获取第一个input输入的值
      let input1 = document.getElementById("name1").value;
      //获取data中tableData数组
      let tableData = this.tableData;
      //定义一个新数据存放取出来的值
      //input的值是否等于tableData数据的值
      let arr1 = tableData.filter(function(data) {
        return data.operate === "input1";
      });
      console.log(arr1);
    },
    search2() {
      let input2 = document.getElementById("name2").value;
      let tableData = this.tableData;
      let index2 = tableData.indexOf(input2);
      console.log(index2);
    }
  }
};
</script>
<style lang="less">
* {
    padding: 0;
    margin: 0;
}
.winCoor {
    width: 100%;
    .navbox {
        .el-row {
            .el-col {
                .homeNav {
                    width: 100%;
                    margin: 3.125rem /* 50/16 */;
                }
            }
        }
    }
    .winContent {
      margin-left:3.125rem /* 50/16 */;
        .el-row {
          .el-col{
            .table1{
              .el-row{
                margin-bottom:1.875rem;
                .el-col{
                  .table1Title{
                    .el-input{
                      width:12.5rem;
                      margin-right:1.875rem;
                    }
                  }
                }
              }
            }
          }
            .el-col {
                .home_right {
                    width: 100%;
                    margin-left: 3.125rem /* 50/16 */;
                    .homeList {
                        text-align: center;
                        margin-bottom: 1.875rem /* 30/16 */;
                        ul {
                            background-color: #0a77a0;
                            width: 50%;
                            text-align: left;
                            li {
                                list-style: none;
                                height: 1.875rem /* 30/16 */;
                                line-height: 1.875rem /* 30/16 */;
                                padding: 0.9375rem /* 15/16 */;
                                a {
                                    text-decoration: none;
                                    color: #fff;
                                    .sLeft {
                                        float: left;
                                    }
                                    .sright {
                                        float: right;
                                    }
                                }
                            }
                        }
                    }
                    .homeConnect {
                        width: 80%;
                        .connect_h {
                            color: #0a77a0;
                        }
                        p {
                            line-height: 1.875rem /* 30/16 */;
                        }
                    }
                }
            }
        }
    }
}
</style>
